<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品详情</title>
    <link rel="stylesheet" href="./css/产品详情.css">
    <link rel="stylesheet" href="./css/商品内容-主区.css">
    <link rel="stylesheet" href="./css/商品顶栏.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1782045_8x576337xc9.css">
</head>

<body>

    <!-- 顶栏 -->
    <div id="top-nav">
        <!-- 登录提示 -->
        <div id="login-guide">
            <p id="welcome">
                品优购欢迎您！
            </p>
            <a href="../登陆页面/登陆.html" id="web-login">请登录</a>
            <a href="品优购注册页面.html" id="web-register">免费注册</a>
        </div>
        <!-- 顶栏菜单 -->
        <div id="web-guide">
            <ul id="guide-mune">
                <li class="guide-mune-cell">
                    <a href="../pay-商品支付页面/pay.html">我的订单</a>
                </li>
                <b class="iconfont icon-b2"></b>
                <li class="guide-mune-cell">
                    <a href="">我的品优购
                        <b class="iconfont" id="down">&#xb001;</b>
                    </a>
                </li>
                <b class="iconfont icon-b2"></b>
                <li class="guide-mune-cell">
                    <a href="">品优购会员</a>
                </li>
                <b class="iconfont icon-b2"></b>
                <li class="guide-mune-cell">
                    <a href="">企业采购</a>
                </li>
                <b class="iconfont icon-b2"></b>
                <li class="guide-mune-cell">
                    <a href="">关注品优购
                        <b class="iconfont" id="down">&#xb001;</b>
                    </a>
                </li>
                <b class="iconfont icon-b2"></b>
                <li class="guide-mune-cell">
                    <a href="">客户服务
                        <b class="iconfont" id="down">&#xb001;</b>
                    </a>
                </li>
                <b class="iconfont icon-b2"></b>
                <li class="guide-mune-cell">
                    <a href="">网站导航
                        <b class="iconfont" id="down">&#xb001;</b>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 内容 -->
    <!-- 外套盒子，亡羊补牢 -->
    <div id="body-a">
        <div id="all-content">
            <!-- 主内容左边空白区 -->
            <div id="nav" class="body-holy-body">
            </div>
            <!-- 主内容 -->
            <div id="content" class="body-holy-body">
                <div id="part-2" class="xq-p-2">
                    <div class="xiangqing-left">
                        <div class="xq-sj"><img src="../upload/01.jpg" alt=""></div>
                    </div>
                    <div class="xiangqing-right">
                        <h2 class="xq-r-1"></h2>
                        <div class="xq-money xq-r-3">
                            <div class="xq-sp-money">&nbsp;价 &nbsp; &nbsp; 格： &nbsp; <span class="b-money xq-red">
                                    &nbsp; 165.00</span>
                            </div>
                            <br>
                            <div class="xq-sp-cx">
                                <div class="cx-title fl">&nbsp;促 &nbsp; &nbsp; 销： &nbsp;&nbsp; 满200减20，满300减30</div>
                                <a href=""><span class="qz"></span></a>
                            </div>
                        </div>
                        <p class="xq-zc xq-r-4">&nbsp;支 &nbsp; &nbsp; 持： &nbsp;&nbsp;天天快递，圆通快递，中通快递...</p>
                        <p class="xq-psz xq-r-5"><span
                                class="cx-title fl zzz-1">&nbsp;配&nbsp;送&nbsp;至&nbsp;</span><br><span class="tc"></span>
                        </p>
                        <div class="xq-choose xq-r-6">
                            <input type="radio" name="a" id="a-1" hidden>
                            <input type="radio" name="a" id="a-2" hidden>
                            <input type="radio" name="a" id="a-3" hidden>
                            <input type="radio" name="a" id="a-4" hidden>
                            <input type="radio" name="b" id="b-1" hidden>
                            <input type="radio" name="b" id="b-2" hidden>
                            <input type="radio" name="c" id="c-1" hidden>
                            <input type="radio" name="c" id="c-2" hidden>
                            <input type="radio" name="c" id="c-3" hidden>
                            <input type="radio" name="d" id="d-1" hidden>
                            <input type="radio" name="d" id="d-2" hidden>
                            <input type="radio" name="d" id="d-3" hidden>
                            <input type="radio" name="e" id="e-1" hidden>
                            <input type="radio" name="e" id="e-2" hidden>
                            <div class="xq-choose-cell">
                                <div class="choose-title">选择颜色</div>
                                <label for="a-1" class="choose"></label>
                                <label for="a-2" class="choose"></label>
                                <label for="a-3" class="choose"></label>
                                <label for="a-4" class="choose"></label>
                            </div>
                            <div class="xq-choose-cell">
                                <div class="choose-title">选择版本</div>
                                <label for="b-1" class="choose"></label>
                                <label for="b-2" class="choose"></label>
                            </div>
                            <div class="xq-choose-cell">
                                <div class="choose-title">选择容量</div>
                                <label for="c-1" class="choose"></label>
                                <label for="c-2" class="choose"></label>
                                <label for="c-3" class="choose"></label>
                            </div>
                            <div class="xq-choose-cell">
                                <div class="choose-title">购买方式</div>
                                <label for="d-1" class="choose">微信</label>
                                <label for="d-2" class="choose">支付宝</label>
                                <label for="d-3" class="choose">银行卡</label>
                            </div>
                            <div class="xq-choose-cell">
                                <div class="choose-title">套 &nbsp; &nbsp; &nbsp; 装 &nbsp; </div>
                                <label for="e-1" class="choose"></label>
                                <label for="e-2" class="choose"></label>
                            </div>
                        </div>
                        <div class="choose-ok xq-r-7">
                            <input type="button" value="-" class="reduce" disabled="true">
                            <input type="number" value="1" class="inputNum">
                            <input type="button" value="+" class="add">
                            <a href="../cart-商品编辑页面/cart.html">
                                <div class="choose-yes">加入购物车</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<!-- -->
<script src="./js/购物车.js"></script>
<script src="./js/详情.js"></script>


</html>